<template>
	<view >
		<!-- 申请入驻 -->
		<view class="coop">
			<view>申请入驻</view>
			<view class="coop-s">更多有惠政策，我们期待您的加入</view>
		</view>
		<!-- 商户入驻 -->
		<view class="settle">
			<view class="settle-top">
				<text class="settle-s"></text>
				<text>商户入驻</text>
			</view>
			<view class="settle-btm" @click="DesignerSettledIn()">
				<view class="settle-left">
					<image src="../../../static/home/1.jpg" mode=""></image>
				</view>
				<view class="settle-cen">
					<view>设计师入驻</view>
					<view class="cen-text">自由美业设计师，打造个人IP品牌</view>
				</view>
				<view class="settle-right">
					<image src="../../../static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="settle-btm" @click="DesignerSettledIn()">
				<view class="settle-left">
					<image src="../../../static/home/1.jpg" mode=""></image>
				</view>
				<view class="settle-cen">
					<view>实体门店入驻</view>
					<view class="cen-text">自由美业设计师，打造个人IP品牌</view>
				</view>
				<view class="settle-right">
					<image src="../../../static/fan.png" mode=""></image>
				</view>
			</view>
		</view>
		<!-- 代理商及服务合作 -->
		<view class="settle">
			<view class="settle-top">
				<text class="settle-s"></text>
				<text>代理商及服务合作</text>
			</view>
			<view class="settle-btm"   @click="goChannel()">
				<view class="settle-left">
					<image src="../../../static/home/1.jpg" mode=""></image>
				</view>
				<view class="settle-cen">
					<view>渠道代理加盟</view>
					<view class="cen-text">市场合伙人，代理**收单业务</view>
				</view>
				<view class="settle-right">
					<image src="../../../static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="settle-btm"   @click="goEducation()">
				<view class="settle-left">
					<image src="../../../static/home/1.jpg" mode=""></image>
				</view>
				<view class="settle-cen">
					<view>教育拍档</view>
					<view class="cen-text">市场合伙人，代理**收单业务</view>
				</view>
				<view class="settle-right">
					<image src="../../../static/fan.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			DesignerSettledIn(){
				uni.navigateTo({
					url:"/pagesA/design_enter/design_enter"
				})
			},
			// 渠道加盟
			goChannel(){
				uni.navigateTo({
					url:'/pages/my/personal/Channel'
				})
			},
			// 教育拍档
			goEducation(){
				uni.navigateTo({
					url:'/pages/my/personal/Education'
				})
			}
		}
	}
</script>

<style lang="scss">
	.coop{
		// width: 100%;
		padding: 60rpx 20rpx;
		background-color: #00c6c2;
		font-size: 32rpx;
		
		view{
			color: #FFFFFF;
		}
		.coop-s{
			padding-top:20rpx ;
			font-size: 24rpx;
			
		}
	}
	.settle{
		padding:50rpx 20rpx 30rpx 20rpx;
		background-color: #FFFFFF;
		border-bottom: 15rpx solid #F1F1F1;
		
		.settle-top{
			display: flex;
			align-items: center;
			font-size:32rpx;
		}
		.settle-btm{
			padding: 20rpx 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			
			.settle-left{
				width: 10%;
				
				image{
					width: 80rpx;
					height: 80rpx;
					border-radius: 50rpx;
				}
				
			}
			.settle-cen{
				width:80%;
				
				view{
					padding: 8rpx;
					font-size: 30rpx;
					color: #333;
				}
				.cen-text{
					color: #C0C0C0;
					font-size: 24rpx;
				}
			}
			.settle-right{
				width: 5%;
				
				image{
					width: 15rpx;
					height: 20rpx;
				}
			}
		}
		.settle-s{
			width: 6rpx;
			height: 30rpx;
			background-color: #00c6c2;
			margin-right: 20rpx;
		}
	}
	
</style>
